<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>coffee</title>
		<link rel="stylesheet" type="text/css" href="css/foamka_coffee.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.css" />
	</head>

	<body>
		<header>
			<div class="head_box">
				<img class="logo" src="img/logo1.png" />
				<img src="img/title-nav.png" class="title-nav"/>
				<div class="none-line"></div>
				<nav>
					<ul>
						<li>
							<a href="#anchor-about">关于疯咖</a>
						</li>
						<li>
							<a href="###">扫码关注</a>
							<img class="dcode_nav" src="img/dcode.png"/>
						</li>
						<li><a href="#anchor-order">点单流程</a></li>
						<li><a href="#anchor-product">产品</a></li>
						<li><a href="#anchor-activities">活动</a></li>
						<li>
							<a class="join" href="###">加入</a>
							<div class="none-join">
								<a href="http://127.0.0.1:8020/%E7%96%AF%E5%92%96/join.html">加盟合作</a>
								<a href="http://127.0.0.1:8020/%E7%96%AF%E5%92%96/%E7%96%AF%E5%92%96-%E5%8A%A0%E5%85%A5%E6%88%91%E4%BB%AC.html">加入我们</a>
							</div>
						</li>
						<li><a href="#anchor-contact">联系</a></li>
					</ul>		
				</nav>
				<div class="none_nav">
					<a href="#anchor-about">关于疯咖</a>
					<a href="###">扫码关注</a>
					<img class="dcode_none_nav" src="img/dcode.png"/>
					<a href="#anchor-order">点单流程</a>
					<a href="#anchor-product">产品</a>
					<a href="#anchor-activities">活动</a>
					<a href="###">加入</a>
					<a href="#anchor-contact">联系</a>
				</div>
			</div>
		</header>
		
		<div class="crest">
			<img src="img/小火箭.png"/>
		</div>
		
		<div class="content">
			<div class="viwepager">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/lun1.jpg" />
						</div>
						<div class="swiper-slide">
							<img src="img/lun2.jpg" />
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
			</div>

			<div class="life">
				<img src="img/slogan.png" />
			</div>

			<div id="myCarousel" class="carousel slide">
			   <!-- 轮播（Carousel）指标 -->
			   <ol class="carousel-indicators">
			      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			      <li data-target="#myCarousel" data-slide-to="1"></li>
			      <li data-target="#myCarousel" data-slide-to="2"></li>
			      <li data-target="#myCarousel" data-slide-to="3"></li>
			      <li data-target="#myCarousel" data-slide-to="4"></li>
			      <li data-target="#myCarousel" data-slide-to="5"></li>
			      <li data-target="#myCarousel" data-slide-to="6"></li>
			      <li data-target="#myCarousel" data-slide-to="7"></li>
			   </ol>
			   <!-- 轮播（Carousel）项目 -->
			   <div id="anchor-product" class="carousel-inner" align="center">
			      <div class="item active">
			         <img src="img/01.jpg" alt="First slide" class="product">
			         <div class="top-none"></div>
			         <div class="bottom-none"></div>
			         <div class="synopsis-box-top">
			           <img src="img/line1.png" class="left-synopsis" />
			           <p class="Ch-synopsis">焦糖玛奇朵/冰</p>
			           <p class="En-synopsis">Iced Caramel Macchiato</p>
			         </div>
			         <div class="synopsis-box-bottom">
			           <img src="img/line2.png" class="right-synopsis" />
			            <p class="Ch-synopsis">焦糖玛奇朵/冰</p>
			         </div>
			         <div class="media-box">
			           <p class="media-Ch-synopsis">焦糖玛奇朵/冰</p>
			           <p class="media-En-synopsis">Iced Caramel Macchiato</p>
			         </div>
			      </div>
			      <div class="item">
			        <img src="img/02.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">焦糖玛奇朵/热</p>
			          <p class="En-synopsis">Hot Caramel Macchiato</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">焦糖玛奇朵/热</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">焦糖玛奇朵/热</p>
			          <p class="media-En-synopsis">Hot Caramel Macchiato</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/03.gif" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">美式/热</p>
			          <p class="En-synopsis">Hot Americano美式咖啡是最普通却又最挑战味蕾的咖啡。是使用滴滤式咖啡壶
			            所制作出的黑咖啡，又或者是意式浓缩中加入水制成。是最能体现咖啡本身风味的选择。美式咖啡就犹如它的
			            名字一样简单直接，可以大口畅饮，极其适合粗犷豪放的牛仔BOY。</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">美式/热</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">美式/热</p>
			          <p class="media-En-synopsis">Hot Americano美式咖啡是最普通却又最挑战味蕾的咖啡。是使用滴滤式咖啡壶
			            所制作出的黑咖啡，又或者是意式浓缩中加入水制成。是最能体现咖啡本身风味的选择。美式咖啡就犹如它的
			            名字一样简单直接，可以大口畅饮，极其适合粗犷豪放的牛仔BOY。</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/04.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">美式/冰</p>
			          <p class="En-synopsis">Iced Americano</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">美式/冰</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">美式/冰</p>
			          <p class="media-En-synopsis">Iced Americano</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/05.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">摩卡/热</p>
			          <p class="En-synopsis">Hot Mocha</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">摩卡/热</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">摩卡/热</p>
			          <p class="media-En-synopsis">Hot Mocha</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/06.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">拿铁/冰</p>
			          <p class="En-synopsis">Iced Latte拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢
			            把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁
			            的意大利人，与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的
			            牛奶带来让人难以忘怀的味道。</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">拿铁/冰</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">拿铁/冰</p>
			          <p class="media-En-synopsis">Iced Latte拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢
			            把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁
			            的意大利人，与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的
			            牛奶带来让人难以忘怀的味道。</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/07.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">拿铁/热</p>
			          <p class="En-synopsis">Iced Latte拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢
			            把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁
			            的意大利人，与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的
			            牛奶带来让人难以忘怀的味道。</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">拿铁/热</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">拿铁/热</p>
			          <p class="media-En-synopsis">Iced Latte拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢
			            把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁
			            的意大利人，与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的
			            牛奶带来让人难以忘怀的味道。</p>
			        </div>
			      </div>
			      <div class="item">
			        <img src="img/08.jpg" alt="First slide" class="product">
			        <div class="top-none"></div>
			        <div class="bottom-none"></div>
			        <div class="synopsis-box-top">
			          <img src="img/line1.png" class="left-synopsis" />
			          <p class="Ch-synopsis">摩卡/冰</p>
			          <p class="En-synopsis">Iced Mocha</p>
			        </div>
			        <div class="synopsis-box-bottom">
			          <img src="img/line2.png" class="right-synopsis" />
			           <p class="Ch-synopsis">摩卡/冰</p>
			        </div>
			        <div class="media-box">
			          <p class="media-Ch-synopsis">摩卡/冰</p>
			          <p class="media-En-synopsis">Iced Mocha</p>
			        </div>
			      </div>
			   </div>
			   <!-- 轮播（Carousel）导航 -->
			   <a class="carousel-control left" href="#myCarousel"
			      data-slide="prev"><img src="img/left.png" /></a>
			   <a class="carousel-control right" href="#myCarousel"
			      data-slide="next"><img src="img/right.png" /></a>
			</div>
			
			<div class="content_center">
				<img id="anchor-order" class="order" src="img/order.jpg"/>
				<p class="order_p">我们为您极力缩短拿到一杯好咖啡的时间</p>
				<div class="oder_img">
					<div>
						<img src="img/order1.jpg"/>
						<span><p>1</p> 选择您喜爱的咖啡</span>
					</div>
					<div>
						<img src="img/order2.jpg"/>
						<span><p>2</p> 选择您喜爱的口味</span>
					</div>
					<div>
						<img src="img/order3.jpg"/>
						<span><p>3</p> 去结算</span>
					</div>
					<div>
						<img src="img/order4.jpg"/>
						<span><p>4</p> 下单成功</span>
					</div>
				</div>
			
				<div class="oder_down">
					<div class="oder_down_left">
						<p>打开微信，扫码关注疯咖</p>
						<p>微信公众号即可一键下单</p>
						<p>(微信号:formkacrew疯咖)</p>
					</div>
					<div class="oder_down_right">
						<p id="scan">即刻抄码下单</p>
						<div>
							<img id="scan_img" src="img/dcode.png"/>
						</div>
					</div>
				</div>	
			</div>
			
			<div class="content_down">
				<div class="our_story">
					<img class="img_o" src="img/ourstory.png"/>
					<img id="anchor-about" class="img_t" src="img/ourstory_img.jpg"/>
					<img class="img_font" src="img/ourstory_font.png"/>
					<div>
						<img src="img/56209096a6be7.png"/>
						<h3>疯咖们</h3>
						<p>3月组团队，和蚂蚁天使沟通众筹种子轮，没过一个礼拜就完成融资。4月开始装修网点，研发产品，测试物流，改装外送设备。网点还没开，就已经有很多下一轮的资本机构和他们沟通，也包括了业内比较著名的几个投资机构都纷纷找上门讨论项目。但是疯咔团队还是很低调，不被外界打扰，扎实的做好自己的工作，计划6月开始进入下一轮的融资计划。</p>
					</div>
					<div>
						<img src="img/5620905e37351.png"/>
						<h3>为了更好地咖啡</h3>
						<p>3月组团队，和蚂蚁天使沟通众筹种子轮，没过一个礼拜就完成融资。4月开始装修网点，研发产品，测试物流，改装外送设备。网点还没开，就已经有很多下一轮的资本机构和他们沟通，也包括了业内比较著名的几个投资机构都纷纷找上门讨论项目。但是疯咔团队还是很低调，不被外界打扰，扎实的做好自己的工作，计划6月开始进入下一轮的融资计划。</p>
					</div>
					<div>
						<img src="img/5620907777642.png"/>
						<h3>一起成长</h3>
						<p>3月组团队，和蚂蚁天使沟通众筹种子轮，没过一个礼拜就完成融资。4月开始装修网点，研发产品，测试物流，改装外送设备。网点还没开，就已经有很多下一轮的资本机构和他们沟通，也包括了业内比较著名的几个投资机构都纷纷找上门讨论项目。但是疯咔团队还是很低调，不被外界打扰，扎实的做好自己的工作，计划6月开始进入下一轮的融资计划。</p>
					</div>
				</div>

				<div class="team_box">
					<div class="our_team">
						<img class="img_o" src="img/ourteam.png"/>
						<img class="img_t" src="img/tall.jpg"/>
						<!--动态图的轮播图-->
						<div class="show_trun_wrap">
							<!--左右按钮-->
							<img src="img/glarrow.png" alt="" class="left_btn"/>
							<img src="img/grarrow.png" alt="" class="right_btn"/>
							 <!--滚动图-->                                            
							<div class="show_wrap">
								<div class="show_img_wrap">
									<div class="img_syn">
										<div class="img_syn_word">
											<span>市场部</span>
											<p>好看部</p>
										</div>
										<img src="img/t1.gif"/>
									</div>
									<div class="img_syn">
										<div class="img_syn_word">
											<span>门店人员</span>
											<p>好喝部</p>
										</div>
										<img src="img/t2.gif"/>
									</div>
									<div class="img_syn">
										<div class="img_syn_word">
											<span>运营部</span>
											<p>好快部</p>
										</div>
										<img src="img/t3.gif"/>
									</div>
									<div class="img_syn">
										<div class="img_syn_word">
											<span>总经办</span>
											<p>好穷部</p>
										</div>
										<img src="img/t4.gif"/>
									</div>
									<div class="img_syn">
										<div class="img_syn_word">
											<span>产品研发部</span>
											<p>好玩部</p>
										</div>
										<img src="img/t5.gif"/>
									</div>
								</div>
								<div class="bottom_word">
									<span>好看部</span>										<p>别名"脑洞系"，为了美和疯而活，负责把美的，不一样的，好玩儿的东西分享给大家。</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="activities_box">
					<img class="img_o" src="img/activities.png"/>
					<div class="our_activities" id="anchor-activities">						
						<div class="pos_box">
							<img class="one" src="img/56350a4a8387b.jpg"/>
							<span></span>
							<div class="p_box">
								<h3>咖啡的起源</h3>
							<p>咖啡是用经过烘焙的咖啡豆制作出来的饮料， 与可可、茶同为流行于世界的主要饮品。 咖啡树是属茜草科常绿小乔木， 日常饮用的咖啡是用咖啡豆配合 各种不同的烹煮器具制作出来的， 而咖啡豆就是指咖啡树果实里面 的果仁，再用适当方法烘焙而成， 品尝起来是苦涩味道。</p>
							</div>
						</div>
						<div class="pos_box">
							<img class="one" src="img/5628e8579c7ce.jpg"/>
							<span></span>
							<div class="p_box">
								<h3>咖啡豆的生产过程</h3>
								<p>一棵咖啡树可收获3－5公斤果实，生咖啡豆占果实质量的1／5。从果实到生咖啡豆确实是一件费时费力的工作。</p>
							</div>
						</div>
						<div class="pos_box">
							<img class="one" src="img/5628e8686bcb2.jpg"/>
							<span></span>
							<div class="p_box">
								<h3>活动三</h3>
								<p> 敬请关注 </p>
							</div>
						</div>
						<div class="pos_box">
							<img class="one" src="img/5628e885aa8ff.jpg"/>
							<span></span>
							<div class="p_box">
								<h3>活动四</h3>
								<p> 敬请期待 </p>
							</div>
						</div>
					</div>										
				</div>
				
				<div class="join_box">
					<img src="img/joinus.png"/>
					
					<div id="map">
						<!--<img class="logo1-1" src="img/logo1-2.png"/>-->
						<div class="map_beijing">
							<p>北京</p>
							<img src="img/rarrow-1.png"/>
						</div>
						<div class="map_beijing beijing">
							<p>轻加盟门店</p>
							<ul>
								<li>东华门分店</li>
								<li>国贸分店</li>
								<li>望京分店</li>
							</ul>
						</div>
						<img class="world_map" src="img/map-2.jpg"/>
					</div>
					
					
					<div class="a_box">
						<a href="http://127.0.0.1:8020/%E7%96%AF%E5%92%96/join.html">加盟合作</a>
						<a href="http://127.0.0.1:8020/%E7%96%AF%E5%92%96/%E7%96%AF%E5%92%96-%E5%8A%A0%E5%85%A5%E6%88%91%E4%BB%AC.html">加入我们</a>

					</div>
				</div>
				
				<div class="contact_box" id="anchor-contact">
					<img class="img_o" src="img/connectus.png"/>
					<div class="con_box">
						<div>
							<img src="img/phone.png"/>
							<span> 400-829-0517</span>
						</div>
						<div>
							<img src="img/wechat.png"/>
							<span> foamkacrew疯咖</span>
						</div>
						<div>
							<img src="img/mail.png"/>
							<span> hr@foamka.me</span>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		
		<footer>
			<img src="img/footer-fengka.png"/>
		</footer>
		<p class="footer-message" >©2015 foamka crew. All rights reserved. 沪icp备********号</p>

	</body>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=mCcylwqpFQqZFUTmMHxCiENdUv55CAIX"></script>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/foamka_coffee.js"></script>
	<script src="js/show_each.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/du-bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</html>
